<template>
  <div>
    <Header />
    <router-view />
    <Footer v-if="isShowFooter" />
    <Bottom />
  </div>
</template>

<script>
import Header from './components/Header'
import Footer from './components/Footer'
import Bottom from './components/Buttom'
export default {
  name: 'App',
  components: {
    Header,
    Footer,
    Bottom,
  },

  computed: {
    // 通过当前路由判断是否需要展示Footer组件
    isShowFooter() {
      const { path } = this.$route
      return path !== '/register' && path !== '/login'
    },
  },
}
</script>

<style lang="less" scoped></style>
